  [class^="el-icon-fa"],
  [class*=" el-icon-fa"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  /* ==MENU  左侧定宽右侧自适应==*/
.container {
  // display: flex;
  // align-items: flex-start;
  .left {
    // flex: 0 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid #fff;
    background: #cfe5f8;
    aside {
      .menu-collapsed{
        width: 60px;
      }
      .menu-expanded{
        width: 300px;
      }
  
      /*侧边菜单*/
      .el-menu {
        height: 100%;
        background-color: #545c64;
        /*选中列*/
        .el-menu-item {
          background-color: #545c64;
        }  
        .el-submenu__title {
          height: 50px;
          line-height: 50px;
  
          i {
            color: #fff;
          }
          .el-icon-arrow-down {
            color: #545c64;
          }
        }
      }
  
      .el-menu:first-child {
        overflow-y: auto !important;
      }
      .el-menu-collapsed li:hover {
        background-color: #434a50;
      }
  
      /*当前选中菜单*/
      .is-opened {
        color: #fff;
        background-color: #fff;
      }
  
      .collapsed {
        width: 60px;
  
        .item {
          position: relative;
        }
  
        .submenu {
          position: absolute;
          top: 0;
          left: 60px;
          z-index: 99999;
          height: auto;
          display: none;
        }
      }
    }
  }
  .right {
    // flex: 1 1 auto;
     .head-nav {
       height: 60px;
       line-height: 60px;
       background: #cfe5f8;
       border-bottom: 1px solid #fff;
       .flexible {
         float: left;
         .trigger {
           display: inline-block;
           width: 60px;
           text-align: center;
           border-right: 1px solid #fff;
         }
       }
       .el-dropdown {
         position: absolute;
         left: 90%;
         color: #8C8C8C;
         font-size: 14px;
       }     
      .breadcrumb-container {
        display: none;  
        .title {
          width: 200px;
          float: left;
          color: #8C8C8C;
        }
      
        .breadcrumb-inner {
          float: right;
        }
      }
    
      .content-wrapper {
        box-sizing: border-box;
        margin: 10px;
      }
     }
     .footer-container {
      position: absolute;
      bottom: 0;
      left: 90%;
      height: 36px;
      line-height: 36px;
      font-size: 14px;
      color: #8C8C8C;
    }
  }
}